﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>中庆纳博</title>
    <!-- Bootstrap -->
    <link href="Content/libs/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="Content/css/newheader.css" rel="stylesheet" />
</head>
<body>
    <!-- 头部 开始 -->
    <div class="new-header">
        <div class="container">
            <div><a href="#"><img src="Content/images/pic/pic17.png" alt=""></a></div>
            <div class="hd-bd">
                <div class="logo"><a href="#">中庆纳博</a></div>
                <div class="right">
                    <div class="input-group hd-search">
                        <input type="text" class="form-control" placeholder="请输入搜索关键字">
                        <span class="input-group-btn">
                            <button class="btn" type="button"><i class="glyphicon glyphicon-search"></i></button>
                        </span>
                    </div>
                    <div class="right-menu">
                        <div class="item-drop item-login">
                            <div class="menu-hd">
                                <i class="glyphicon glyphicon-user"></i>
                                <a href="#">登录</a>
                                |
                                <a href="#">注册</a>
                            </div>
                            <div class="menu-bd">
                                <p class="text-center">登录平台，阅览精彩课程和文档！</p>
                                <div class="btn-center">
                                    <a href="#" class="btn btn-sm btn-primary w100">登录</a><a href="#" class="btn btn-blue btn-sm w100">注册</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-drop item-user">
                            <div class="menu-hd"><img src="images/pic/pic07.png" alt="">仅此而已</div>
                            <div class="menu-bd">
                                <div class="item-user-list">
                                    <div class="row">
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>资源提交</a></div>
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>发布管理</a></div>
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>直播预约</a></div>
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>直播管理</a></div>
                                    </div>
                                </div>
                                <div class="item-user-list">
                                    <div class="row">
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>消息通知</a></div>
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>我的收藏</a></div>
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#"><i class="glyphicon glyphicon-time"></i>资源管理</a></div>
                                    </div>
                                </div>
                                <div class="item-user-list item-user-ft">
                                    <div class="row">
                                        <div class="col-xs-5 col-xs-offset-1"><a href="#">进入个人空间</a></div>
                                        <div class="col-xs-3 col-xs-offset-3"><a href="#">注销</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-drop item-history">
                            <div class="menu-hd"><i class="glyphicon glyphicon-time"></i><a href="#">记录</a></div>
                            <div class="menu-bd">
                                <div class="history-top">
                                    <strong>今天周二</strong>
                                    <a href="#">管理观看记录</a>
                                </div>
                                <ul class="history-con">
                                    <li>
                                        <a href="#">老兵[更新至32集]</a>
                                        <p>看到32集的5%</p>
                                    </li>
                                    <li>
                                        <a href="#">老兵[更新至32集]</a>
                                        <p>看到32集的5%</p>
                                    </li>
                                    <li>
                                        <a href="#">老兵[更新至32集]</a>
                                        <p>看到32集的5%</p>
                                    </li>
                                </ul>
                                <div class="history-ft"><a href="#">查看更多</a></div>
                            </div>
                        </div>
                        <div class="item-drop item-up">
                            <div class="menu-hd"><i class="glyphicon glyphicon-open"></i><a href="#">上传</a></div>
                            <div class="menu-bd">
                                <p>上传本地视频、文档到我的个人空间！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav-wrap">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">课例中心</a></li>
                    <li class="active"><a href="#">任务通知</a></li>
                    <li><a href="#">我的任务</a></li>
                    <li><a href="#">任务管理</a></li>
                    <li aria-labelledby="dropdownMenu2">
                        <a href="#" id="dropdownMenu2" data-toggle="dropdown" class="dropdown-toggle">资源中心<span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                            <li><a role="menuitem" tabindex="-1" href="#">资源目录</a></li>
                            <li><a role="menuitem" tabindex="-1" href="#">资源分类</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部 结束 -->
    <script src="Content/libs/jquery/jquery-2.1.0.js"></script>
    <script src="Content/libs/bootstrap/js/bootstrap.js"></script>
    <script>
        $(".right-menu .item-drop").hover(function () {
            $(this).toggleClass("active");
        })
    </script>
</body>
</html>